body{
  margin: 0;
  padding: 0;
  font-family:Arial;
  background: #F5F5F5;
}

#page{
    margin: 0 auto;
    width: 900px;
    overflow: hidden;
      background: white;
      margin-bottom:20px;
}

#topo{
    width:100%;
    height: 100px;
    float: left;
    background: #15789D;
}
#topo #span-logo{
	margin:20px 0 0 10px;
   width:230px;
   overflow: hidden;
   font: 14pt Arial;
   color:#fff;
   float:left;
}

#topo #bloco-info{
  width: 300px;
  overflow: hidden;
  float: right;
  margin:10px 10px 0 0;
}


#topo #span-user{
   text-align:right;
   margin-top:15px;
   width:290px;
   overflow: hidden;
   font:  bold 12pt Arial;
   color:#fff;
   float:right;
}

#topo #span-logout{
   text-align:right;
   margin-top:5px;
   width:150px;
   overflow: hidden;
   font: bold 12pt Arial;
   color:#fff;
   float:right;
}

ul{
  list-style-type: none;
}

#barra{
  margin-top:3px;
  width: 100%;
  height:20px;
  float:left;
}

#bread-cumb{
  margin:2px 0 0 10px;
  font-size:10pt;
  float: left;
  width:300px;
  overflow:hidden;
}
#bread-cumb a{
	color:#000;
  text-decoration: underline;
}


ul#menu{
  margin-top:0px;
  text-align:right;
  width:208px;
  overflow:hidden;
  float:right;
  font-size:11pt;
  font-weight: bold;
}
ul#menu li{
  float:left;
}
ul#menu li a{
  background: #15789D;
  border:2px solid #fff;
  text-align:center;
  display:block;
  width: 100px;
  color:#fff;
  text-decoration: none;
}
ul#menu li a:hover{
	color:#FFFFAE;
}

#conteudo{
  margin-top:10px;
  width:100%;
  float:left;
  overflow:hidden;
}

#rodape{
	text-align:center;
    width:100%;
    height: 25px;
    float: left;
    background: #15789D;
    padding-top: 3px;
}

#rodape span{
	color: #fff;
    font-size: 9pt;
    font-weight: bold;

}

